<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="${pageContext.request.contextPath }/bootstrap/img/favicon.ico">
<link href="${pageContext.request.contextPath }/bootstrap/css/style.min.css?v=4.0.0" rel="stylesheet">
<link href="${pageContext.request.contextPath }/bootstrap/css/animate.min.css" rel="stylesheet">
<link href="${pageContext.request.contextPath }/bootstrap/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
<link href="${pageContext.request.contextPath}/bootstrap/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="${pageContext.request.contextPath }/bootstrap/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/bootstrap/css/jquery-confirm.css"/>
<title>退款申请列表</title>
</head>
<body>
	<div class="panel panel-default">
	    <div class="panel-body form-group" style="margin-top: 0px;">
	    	<label class="col-sm-1 control-label" style="text-align: right; margin-top:5px">退款订单类型：</label>
	        <div class="col-sm-3">
	            <select class="form-control" name="type" id="type">
					<option value="0">全部</option>
					<option value="1">病人申请退款</option>
					<option value="2">医生申请退款</option>
					<option value="3">退款成功</option>
				</select>
	        </div>
	        <div class="col-sm-1 control-label">
	            <button class="btn btn-primary" id="search_btn">查询</button>
	        </div>
	    </div>
	</div>
	
	<!-- 动态加载table -->
	<table id="drawbacktab" class="table table-hover"></table>
	
	<div class="modal inmodal fade" id="ExamineModal" tabindex="-1" role="dialog"  aria-hidden="true">
    	<div class="modal-dialog modal-lg">
        	<div class="modal-content">
            	<div class="modal-header">
                	<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">退款审核</h4>
               	</div>
                <div class="modal-body">
                	<input type="hidden" id="userorderid" />
                	<div class="form-group draggable">
						<label class="control-label">是否同意*</label>
						<select class="form-control" name="isagree" id="isagree" required="" aria-required="true" onchange="isagree()">
							<option value="true">同意</option>
							<option value="false">不同意</option>
						</select>
					</div>
					<div class="form-group draggable">
						<label class="control-label">审核意见*</label>
						<textarea name="idea" onkeyup="words_deal('idea');" id="idea" rows="4"class="form-control" placeholder="填写审核意见，意见会作为推送发送给用户！"></textarea>
					</div>
                </div>
				<div class="modal-footer">
                	<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                	<button type="button" class="btn btn-primary" onclick="ExamineModalSubmit()" id="ExamineModalSubmit">提交</button>
           		</div>
           	</div>
        </div>
	</div>
	<script src="${pageContext.request.contextPath }/bootstrap/js/jquery.min.js?v=2.1.4"></script>
    <script src="${pageContext.request.contextPath }/bootstrap/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath }/bootstrap/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="${pageContext.request.contextPath }/bootstrap/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="${pageContext.request.contextPath }/bootstrap/js/jquery-confirm.js"></script>
    <script type="text/javascript">
  	//根据窗口调整表格高度
    $(window).resize(function() {
        $('#drawbacktab').bootstrapTable('resetView', {
            height: tableHeight()
        })
    })
    //查询按钮事件
    $('#search_btn').click(function(){
        //$('#doctortab').bootstrapTable('refresh');
        $('#drawbacktab').bootstrapTable('refresh',{url: '${pageContext.request.contextPath}/Main/DrawBack/drawbackListAjax.action'});
    })
    //tableHeight函数
    function tableHeight(){
        //可以根据自己页面情况进行调整
        return $(window).height()-220;
    }
  	function refreshTab(){
  		$('#drawbacktab').bootstrapTable('refresh');
  	}
	//生成用户数据
    $('#drawbacktab').bootstrapTable({
        method: 'get',
        contentType: "application/x-www-form-urlencoded",//必须要有！！！！
        url:"${pageContext.request.contextPath}/Main/DrawBack/drawbackListAjax.action",//要请求数据的文件路径
        height:tableHeight(),//高度调整
        striped: true, //是否显示行间隔色
        dataField: "rows",//bootstrap table 可以前端分页也可以后端分页，这里
        //我们使用的是后端分页，后端分页时需返回含有total：总记录数,这个键值好像是固定的  
        //rows： 记录集合 键值可以修改  dataField 自己定义成自己想要的就好
        pageNumber: 1, //初始化加载第一页，默认第一页
        pagination:true,//是否分页
        queryParamsType:'limit',//查询参数组织方式
        queryParams:function(params) {//自定义参数，这里的参数是传给后台的，我这是是分页用的    
            return {//这里的params是table提供的    
                offset : params.offset,//从数据库第几条记录开始    
                limit : params.limit,
                type : $("#type").val()
            //找多少条    
            };},//请求服务器时所传的参数
        sidePagination:'server',//指定服务器端分页
        pageSize:10,//单页记录数
        pageList:[1,5,10,30,50,100],//分页步进值
        showRefresh:true,//刷新按钮
        showColumns:true,
        clickToSelect: true,//是否启用点击选中行
        toolbarAlign:'right',//工具栏对齐方式
        buttonsAlign:'right',//按钮对齐方式
        toolbar:'#toolbar',//指定工作栏
        columns:[
            {
                title:'全选',
                field:'select',
                //复选框
                checkbox:true,
                width:25,
                align:'center',
                valign:'middle'
            },
            {
                title:'订单ID',
                field:'userorderid'
            },
            {
                title:'病人姓名',
                field:'familyname'
            },
            {
                title:'病人性别',
                field:'familymale'
            },
            {
                title:'病人性别',
                field:'familyage'
            },
            {
                title:'医生姓名',
                field:'docname'
            },
            {
                title:'医生职称',
                field:'doctitle'
            },
            {
                title:'订单申请退款时间',
                field:'userorderetime'
            },
            {
                title:'订单状态',
                field:'userorderstatename'
            },
            {
                title:'操作',
                field:'userorderstateid',
              	//列数据格式化
                formatter:operate
            },
        ],
        locale:'zh-CN',//中文支持,
        responseHandler:function(rows){
            //在ajax获取到数据，渲染表格之前，修改数据源
            return rows;
        }
    })
    //操作序列规则化
	function operate(value,row,index){
		if(value=="17" || value=="18"){
			return '<button class="btn btn-info" style="height:30px" onclick="Details('+row.userorderid+')">详情</button>&nbsp;&nbsp;<button class="btn btn-primary" style="height:30px" onclick="Examine('+row.userorderid+')">审核</button>';
		}else{
			return '<button class="btn btn-info" style="height:30px" onclick="Details('+row.userorderid+')">详情</button>';
		}
    	
	}
    function words_deal(id){
    	var value=$('#'+id).val().length;
        if(value>150){
        	var num=$('#'+id).val().substr(0,150);
        	$('#'+id).val(num);
        	//alert("超过字数限制，多出的字将被截断！" );
        }
    }
    function Examine(userorderid){
    	$("#userorderid").val(userorderid);
    	$("#ExamineModal").modal('show');
    }
    function ExamineModalSubmit(){
    	var userorderid=$("#userorderid").val();
    	var isagree=$("#isagree").val();
    	var idea=$("#idea").val();
    	$.confirm({
		    title: '提示!',
		    content: '你确定提交审核？',
		    type: 'blue',
		    typeAnimated: true,
		    buttons: {
		    	确定: function () {
		    		$("#ExamineModalSubmit").html('<i class="fa fa-spinner fa-spin"></i>处理中...');
		    		$("#ExamineModalSubmit").prop('disabled',true);
		    		$.ajax({
		    			type:"post",
		    			url:"${pageContext.request.contextPath}/Main/DrawBack/examineDrawback.action",
		    			async: true,
		    			data:"userorderid="+userorderid+"&isagree="+isagree+"&idea="+idea,
		    			success:function(data){
		    				$("#ExamineModalSubmit").html('提交');
	    		    		$("#ExamineModalSubmit").prop('disabled',false);
		        			$.alert(data.msg);
		        			if(data.code==100){
		        				$('#ExamineModal').modal('hide');
		        				refreshTab();
		        			}
		    			},error:function(request){
		    				$.alert('向服务器请求错误！');
		    				$("#ExamineModalSubmit").html('提交');
	    		    		$("#ExamineModalSubmit").prop('disabled',false);
		    			}
		    		});
		    	},
				取消: function () {},
		    }	
		});
    }
    </script>
</body>
</html>